<?xml version="1.0" encoding="ISO-8859-1" ?>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="ico/favicon.ico">
<title>Banking System Login</title>

<!-- Bootstrap core CSS -->
<link href="resources/css/bootstrap.min.css" rel="stylesheet">

	<!-- Custom styles for this template -->
<link href="resources/css/jquery.dataTables.css" rel="stylesheet">
<link href="resources/font-awesome/css/font-awesome.css"
	rel="stylesheet">
<link href="resources/css/jquery.dataTables_themeroller.css"
	rel="stylesheet">
<link href="resources/css/styles.css" rel="stylesheet">
<style type="text/css">
.login-panel {
	margin-top: 100px;
}
</style>
</head>
<body class="login-page">
	<header>
	<div class="main-header">
		<div class="container">
			<div class="row">
				<div class="col-sm-2">
					<div class="logo text-center">
						<a href="#"><img src="resources/img/logo.png" alt="Logo"></a>
					</div>
				</div>
				<div class="col-sm-6">
					<span class="name">Banking System</span>
				</div>
			</div>
		</div>
	</div>
	</header>
	<!--end .main-header-->
	<div class="container">
		<div class="row">
			<div class="col-md-4 col-md-offset-4">
				<div class="login-panel panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">Please Sign In</h3>
					</div>
					<div class="panel-body">
						<p>
							<c:if test="${error == true}">
								<b class="error">Invalid login or password.</b>
							</c:if>
						</p>
						<form method="post" id="form-signin"
							action="<c:url value='j_spring_security_check'/>">
							<fieldset>
								<table class="table" align="center">
									<tbody>
										<tr>
											<td><input type="text" class="form-control input-block-level" placeholder="Username" name="j_username" id="j_username"
												size="30" maxlength="40" /></td>
										</tr>
										<tr>
											<td><input type="password" class="form-control input-block-level" name="j_password"
												id="j_password" size="30" maxlength="32" placeholder ="Password"/></td>
										</tr>
										<tr>
											
											<td colspan="2"><button class="btn btn-lg btn-success btn-block" type="submit">Sign in</button></td>
										</tr>
									</tbody>
								</table>
							</fieldset>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>